<template>
  <a-steps class="steps" :current="current" direction="vertical" size="small">
    <a-step title="推广计划" >
      <template #description>
        <p class="p">营销目标</p>
        <p class="p">计划设置</p>
      </template>
    </a-step>
    <a-step title="推广单元">
      <template #description>
        <!-- <p class="p">单元设置</p> -->
        <p class="p">流量选择</p>
        <p class="p">落地页信息</p>
        <p class="p">定向设置</p>
        <p class="p">投放出价</p>
        <p class="p">其他配置</p>
      </template>
    </a-step>
    <a-step title="推广创意" >
      <template #description>
        <p class="p">品牌信息</p>
        <p class="p">创意样式</p>
      </template>
    </a-step>
  </a-steps> 
</template>

<script>
export default {
  name:'steps',
  props:{
    current:{
      type:Number,
      default:0
    }
  }
}
</script>

<style lang="less" scoped>
.steps{
  margin: 20px 10px;
  .p{
    margin: 10px 0;
  }
}
</style>